.pages {
  width: 100%;
  height: 100%;
  display: flex;
}

@buttonSize: 48px;

.button-list {
  width: @buttonSize;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #f3f3f3;
  .button {
    width: @buttonSize;
    height: @buttonSize;
    margin: 0px;
    padding: 0px;
    border: 2px solid transparent;
    font-size: 20px;
    &.selected {
      background-color: #eee;
      border-left-color: rgb(188, 138, 72);
    }
  }
}

.page-content {
  height: 100%;
  width: calc(100% - @buttonSize);
  overflow: hidden;
}
